CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

html表格标签

来源:网络整理  作者:  发布时间:2020-12-18 21:00
html表格标签是table/table。HTML设置表格时在table/table标签中使用tr/tr标签定义表格行,使用td/td标签包含数据。...

其中table有不少属性,比如:border,bordercolor,cellspacing,width,height,bgcolor。boder表示外框边线的粗细,bodercolor表示边线的颜色,cellspacing表示单元格之间的空隙,width表示表格的宽,height表示表格的高,bgcolor表示背景色。

<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <title size="10" color="red">welcome to HTML</title> </head> <body> <table border="1" bordercolor="blue" cellspacing="0" width="400" height="150"> <tr align="center"> <td>姓名</td> <td>性别</td> <td>年龄</td> </tr> <tr> <td>carson</td> <td>男</td> <td>24</td> </tr> <tr> <td>thl</td> <td>女</td> <td>24</td> </tr> <tr> <td>Alice</td> <td>女</td> <td>24</td> </tr> </table> </body> </html>

效果图:

html表格标签

在网页制作之中,表格标签是常用的标签之一,比如制作表格,或者利用表格的整齐性来设置页面布局。

<table></table>来用来制作表格,所以制作表格的语句在其之间;<tr></tr>则修饰表格行;而<td></td>修饰表格数据,这包含在<tr></tr>中。

1.jpg

相关热词: HTML 标签

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5313.shtml

上一篇:HTML5 浏览器支持
下一篇:HTML5 内联 SVG
Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

html表格标签

2020-12-18 编辑:

其中table有不少属性,比如:border,bordercolor,cellspacing,width,height,bgcolor。boder表示外框边线的粗细,bodercolor表示边线的颜色,cellspacing表示单元格之间的空隙,width表示表格的宽,height表示表格的高,bgcolor表示背景色。

<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <title size="10" color="red">welcome to HTML</title> </head> <body> <table border="1" bordercolor="blue" cellspacing="0" width="400" height="150"> <tr align="center"> <td>姓名</td> <td>性别</td> <td>年龄</td> </tr> <tr> <td>carson</td> <td>男</td> <td>24</td> </tr> <tr> <td>thl</td> <td>女</td> <td>24</td> </tr> <tr> <td>Alice</td> <td>女</td> <td>24</td> </tr> </table> </body> </html>

效果图:

html表格标签

在网页制作之中,表格标签是常用的标签之一,比如制作表格,或者利用表格的整齐性来设置页面布局。

<table></table>来用来制作表格,所以制作表格的语句在其之间;<tr></tr>则修饰表格行;而<td></td>修饰表格数据,这包含在<tr></tr>中。

1.jpg

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/5313.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页